<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, height=device-height">
  <title>Example: browser-module-language-packs</title>
</head>
<body style="white-space: pre">
<script type="module">

  import { Index, Encoder, Charset } from "https://cdn.jsdelivr.net/gh/nextapps-de/flexsearch@0.8.2/dist/flexsearch.compact.module.min.js";
  import EnglishPreset from "https://cdn.jsdelivr.net/gh/nextapps-de/flexsearch@0.8.2/dist/module/lang/en.js";

  const encoder = new Encoder(
    Charset.LatinSimple,
    EnglishPreset
  );

  // create a simple index which can store id-content-pairs
  const index = new Index({
    tokenize: "forward",
    encoder: encoder
  });

  // some test data
  const data = [
    'She doesn’t get up at six o’clock.',
    'It\'s been raining for five hours now.'
  ];

  // add data to the index
  data.forEach((item, id) => {
    index.add(id, item);
  });

  // perform query
  let result = index.search("she does not at clock");

  // display results
  result.forEach(i => {
    console.log(data[i]);
    log(data[i]);
    log("\n-------------------------------------\n");
  });

  // perform query
  result = index.search("it is raining now");

  // display results
  result.forEach(i => {
    console.log(data[i]);
    log(data[i]);
  });

  function log(str){
    document.body.appendChild(
      document.createTextNode(str + "\n")
    );
  }
</script>
</body>
</html>